<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>

        
        
        
        
        <link href="<%=request.getContextPath()%>/css/tab.css" rel="stylesheet" type="text/css"/>
        <link href="<%=request.getContextPath()%>/css/componentes.css" rel="stylesheet" type="text/css"/>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css"/>
        <link href="<%=request.getContextPath()%>/css/tooltip.css" rel="stylesheet" type="text/css"/>

        <link rel="stylesheet" href="<%=request.getContextPath()%>/css/jquery/datePicker/jquery.ui.all.css"/>

        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.format.1.04.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery-1.4.2.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery.ui.core.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery.ui.datepicker.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery.ui.datepicker-es.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.tablesorter.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.tablesorter.pager.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/util.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/sgv.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/miSolicitud.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/bandejaAprobacion.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/miEquipo.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/sgv/vacacion.js"></script>

        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.ui.widget.js"></script>
        <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/json2.js"></script>

        <link type="text/css" href="<%=request.getContextPath()%>/js/jquery-ui-1.8/css/hot-sneaks/jquery-ui-1.8.12.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui-1.8/js/jquery-ui-1.8.12.custom.min.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/collapse.js"></script>

<!--        Div Actualizando-->
        <link rel="StyleSheet" href="<%=request.getContextPath()%>/css/loading.css" type="text/css" />
<!--        Fin Actualizando-->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Solicitud de vacaciones</title>
        <%
            int pagina=0;
            if(request.getParameter("idOpcion")!=null)
                 pagina =Integer.parseInt(request.getParameter("idOpcion"));
        %>
        
    </head>

    <body onLoad="cacheOff()">

    <style TYPE="text/css">
        #cache {
            position:absolute; left:0; top:0; z-index:10; visibility:hidden;
        }
    </style>

    <SCRIPT LANGUAGE="JavaScript">
        /*
        ver = navigator.appVersion.substring(0,1)
        document.write('<DIV ID="cache" align="center"><TABLE width="1400" height="800" BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=1 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><B><BR>Espere por favor ... <BR><BR></B></TD></TR></TABLE></DIV>');
        var navi = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
        var HIDDEN = (navi) ? 'hide' : 'hidden';
        var VISIBLE = (navi) ? 'show' : 'visible';
        var cache = (navi) ? document.cache : document.all.cache.style;
        largeur = screen.width;
        cache.left = Math.round(10);
        cache.visibility = VISIBLE;
        */
        function cacheOff()
        {
         
            //cache.visibility = HIDDEN;
        }
        
    </SCRIPT>



    <form>

        <input type="hidden" name="metodo" value="cargarSolicitudesPorUsuario" />
        <input type="hidden" name="evento" value="1" />
        <input type="hidden" name="numPestania" value="1" />
        <input type="hidden" name="idElementoTabla" value="tblMisVacaciones" />
        <input type="hidden" name="idOpcion" value="1" />


    </form>
<!--Div Actualizando-->
        <div id="idLoading" class="loading" >
            <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable mensajeVentana"
                 tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-message">
                <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                    <span id="ui-dialog-title-dialog-message" class="ui-dialog-title">Proceso</span>
                </div>
                <div style="height: 300px; min-height: 300px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
                    <div id="idCargador" class="imgLoading" ><img  src="<%=request.getContextPath()%>/images/loading/loading.gif"/></div>
                    <div id="idMensaje" class="mensajeText" ></div>
                </div>
            </div>
        </div>  
<!--Fin Actualizando-->

<!--     Se valida que Tabs se Muestran dependiendo del Usuario                   -->
<br><br>
 <div class="tab_container2" style="margin-top: 0px;">   
            <%
                if(pagina==1){
            %>
             
                <ul class="tabs">
<!--                    <li id="li1"><a>Mis Vacaciones</a></li>-->
                </ul>
                <div id="tab2" class="tab_content" style="height: 100%; background: white;margin-top: 0px; ">
                    <%@include file="include/tabMisVacaciones.jsp"%>
                </div>
           <%}%>
           <%
                if(pagina==2){
            %>
             
                <ul class="tabs">
<!--                    <li id="li1"><a>Mis Solicitudes</a></li>-->
                </ul>
                <div id="tab2" class="tab_content" style="height: 100%; background: white;margin-top: 0px; ">
                    <%@include file="include/tabMiSolicitud.jsp"%>
                </div>
           <%}%>
           <%
                if(pagina==3){
            %>
             
                <ul class="tabs">
<!--                    <li id="li1"><a>Mi Equipo</a></li>-->
                </ul>
                <div id="tab2" class="tab_content" style="height: 100%; background: white;margin-top: 0px; ">
                    <%@include file="include/tabMiEquipo.jsp"%>
                </div>
           <%}%>
           <%
                if(pagina==4){
            %>
             
                <ul class="tabs">
<!--                    <li id="li1"><a>Bandeja de Aprobaci&oacuten</a></li>-->
                </ul>
                <div id="tab2" class="tab_content" style="height: 100%; background: white;margin-top: 0px; ">
                    <%@include file="include/tabBandejaAprobacion.jsp"%>
                </div>
           <%}%>                     
           <%
                if(pagina==7){
            %>

                <div id="tab2" class="tab_content" style="height: 100%; background: white;margin-top: 0px; ">
                    <%@include file="planificacion.jsp"%>
                </div>
           <%}%>
</div>  
</body>
</html>
